<!-- container starts -->
<div id="container" align="center">

	<div class="staticContentContainer">
        <h2>Area Conversion Calculator</h2>
         <p>&nbsp;</p>
		  <p>Enter any one value and click on the <b>Calculate </b>button to get the equivalent measurements.<br>Click on the <b>Clear</b> button before entering a new unit value.</p>
		
		<form name="form1" method="post" id="form1">
		<table align="center" border="0" cellpadding="3" cellspacing="0" width="90%">
        <tbody><tr>
        <td colspan="4"></td>
        </tr>
        <tr>

        <td style="padding-top: 8px;" align="right" width="25%">Square Feet: </td>
        <td style="padding-top: 8px;" align="left" width="25%">
        <input gtbfieldid="33" name="txtSqrFeet" maxlength="10" id="txtSqrFeet" onchange="this.value=toFloat(this.value)" type="text">
        </td>
        
        <td style="padding-top: 8px;" align="right" width="25%">Square Metres: </td>
        <td style="padding-top: 8px;" align="left" width="25%">
        <input gtbfieldid="34" name="txtSqrMeter" maxlength="10" id="txtSqrMeter" type="text">

        </td>
        </tr> 
        <tr>
        <td align="right" width="25%">Square Yards: </td>
        <td align="left" width="25%"><input gtbfieldid="35" name="txtSqrYard" maxlength="10" id="txtSqrYard" type="text"></td>
        <td align="right" width="25%">Acres: </td>
        <td align="left" width="25%">
        <input gtbfieldid="36" name="txtAcres" maxlength="10" id="txtAcres" type="text">

        </td>
        </tr>
        <tr>
        <td align="right" width="25%">Biswa I: </td>
        <td align="left" width="25%"><input gtbfieldid="37" name="txtBiswa1" maxlength="10" id="txtBiswa1" type="text"></td>
        <td align="right" width="25%">Bigha I: </td>

        <td align="left" width="25%">
        <input gtbfieldid="38" name="txtBigha1" maxlength="10" id="txtBigha1" type="text">
        </td>
        </tr>
        
        <tr>
        <td align="right" width="25%">Biswa II: </td>
        <td align="left" width="25%">

        <input gtbfieldid="39" name="txtBiswa2" maxlength="10" id="txtBiswa2" type="text">
        </td>
         <td align="right" width="25%">Bigha II: </td>
        <td align="left" width="25%">
        <input gtbfieldid="40" name="txtBigha2" maxlength="10" id="txtBigha2" type="text">
        </td>

        </tr>
                
        <tr>
        <td align="right" width="25%">Hectares: </td>
        <td align="left" width="25%">
        <input gtbfieldid="41" name="txtHect" maxlength="10" id="txtHect" type="text">
        </td>
        <td align="right" width="25%">Kottah (B): </td>
        <td align="left" width="25%">

        <input gtbfieldid="42" name="txtKottah" maxlength="10" id="txtKottah" type="text">
        </td>
        </tr>
        
        
        <tr>
        <td align="right" width="25%">Kanal: </td>
        <td align="left" width="25%">
        <input gtbfieldid="43" name="txtKanal" maxlength="10" id="txtKanal" type="text">
        </td>

        <td align="right" width="25%">Marla: </td>
        <td align="left" width="25%">
        <input gtbfieldid="44" name="txtMarla" maxlength="10" id="txtMarla" type="text">
        </td>
        </tr>
        
        
        <tr>
        <td align="right" width="25%">Grounds: </td>
        <td align="left" width="25%">

        <input gtbfieldid="45" name="txtGrounds" maxlength="10" id="txtGrounds" type="text">
        </td>
        <td align="right" width="25%">Cents: </td>
        <td align="left" width="25%">
        <input gtbfieldid="46" name="txtCents" maxlength="10" id="txtCents" type="text">
        </td>
        </tr>
        
        
        <tr>

        <td align="right" width="25%">Aankadam: </td>
        <td align="left" width="25%">
        <input gtbfieldid="47" name="txtAanKadam" maxlength="10" id="txtAanKadam" type="text">
        </td>
        <td align="right" width="25%">Perch: </td>
        <td align="left" width="25%">
        <input gtbfieldid="48" name="txtPerch" maxlength="10" id="txtPerch" type="text">

        </td>
        </tr>
        
        
        <tr>
        <td align="right" width="25%">Rood: </td>
        <td align="left" width="25%">
        <input gtbfieldid="49" name="txtRood" maxlength="10" id="txtRood" type="text">
        </td>
        <td align="right" width="25%">Guntha: </td>

        <td align="left" width="25%">
        <input gtbfieldid="50" name="txtGuntha" maxlength="10" id="txtGuntha" type="text">
        </td>
        </tr>
        
        
        <tr>
        <td align="right" width="25%">Chataks: </td>
        <td align="left" width="25%">
        <input gtbfieldid="51" name="txtChataks" maxlength="10" id="txtChataks" type="text">

        </td>
        <td align="right" width="25%"> Ares: </td>
        <td style="padding-bottom: 15px;" align="left" width="25%">
        <input gtbfieldid="52" name="txtAres" maxlength="10" id="txtAres" type="text">
        </td>
        </tr>
        
        
        
        <tr>
        <td style="padding-bottom: 10px;" colspan="4" align="center" width="25%">
		<button class="ui-widget-header ui-corner-all" value="Calculate" onclick="return calculateArea(); return false;" name="BtnCalc" id="BtnCalc">Calculate</button> &nbsp;
        <button class="ui-widget-header ui-corner-all" name="BtnClear" id="BtnClear" onclick="return clearForm1(); return false;" value="Clear">Reset</button></td>
        </tr>
        </tbody></table>
		</form>
	</div>
</div>

<?php
	$baseUrl = $this->baseUrl();  
?>
<script language="javascript" src="<?php echo $baseUrl?>/js/areaconvertor.js"></script>

					
